<template>
  <div class="login"> 
    <div class="log">
      <h1>管理员登录</h1> 
        <div class="post">
          <input type="text" placeholder="请输入账号" name="uname"><br>
          <input type="password" placeholder="请输入密码" name="pwd">
          <button class="but" type="submit">登录</button>
        </div> 
    </div> 

 </div>
</template>
<style scoped> 
 .login{   
  width: 100%;
  height: 900px;
  margin: 0;/*去边线*/ 
  background-color: #01acfcd3;/*背景色*/   
 }
 .login h1{   
  color: #fff; 
  margin: 40px;
  font-size: 60px; 
  text-shadow:0 0 10px;/*文本阴影*/   
  letter-spacing: 10px;/*字母间距*/   
  text-align: center;/*文本居中*/   
 }
 .login .post{
   text-align: center;
 }
  .login .log{
    padding-top: 10%;
  }
 .login .post input{   
  width: 300px;   
  height: 40px; 
  margin: 10px 0 10px 0;
  border: 0;
  font-size: 15px;
  border-radius: 4px;
 }
 .login .post .but{   
  width: 300px;   
  min-height: 30px;   
  display: block;/*显示*/   
  background-color: #1665cc;/*背景色*/   
  border: 1px solid #1c5adf;/*边线*/   
  color: #fff;   
  padding: 9px 14px;/*内边距 ; 填充*/   
  font-size: 15px;/*字体大小*/   
  line-height: normal;/*行高:正常*/   
  border-radius: 5px;/*边界半径*/   
  margin: 0;/*去边线*/ 
  margin: auto; 
 }
</style>
